<!--
 * @Descripttion: 主体内容部分
 * @version: 
 * @Author: huangyong
 * @Date: 2019-11-22 15:15:16
 * @LastEditors: 
 * @LastEditTime: 2019-11-22 15:22:27
 -->
<template>
  <div class="content-wrap">
     <h3>我是主体内容</h3>
     <section class="content">
        <p v-for="index in num" :key="index">冬季都是你的</p>
     </section>
  </div>
</template>
<script>
import NavHeader from "./NavHeader";
import BackFooter from "./BackFooter";
export default {
  name: "index-view",
  props: {
     num: {
       type: Number, default: 100
     }
  },
  components: {
    BackFooter,
    NavHeader,
  }
};
</script>
<style lang="css" scoped>
.content-wrap{
  overflow-y: scroll;-webkit-overflow-scrolling:touch; 
}
.content {
 background: rgb(212, 98, 98); width: 100%;
}
.content > p {
  text-align: left;
  padding: 10px;
  box-sizing: border-box; margin: 0;
} 
</style>